<template>
    <div class="reportForm">
        <el-tabs v-model="activeName">
            <el-tab-pane label="联络灯报表" name="report">
                <report v-if="activeName == 'report'"></report>
            </el-tab-pane>
            <!-- <el-tab-pane label="联络灯日报" name="daily">
                <daily v-if="activeName == 'daily'"></daily>
            </el-tab-pane>
            <el-tab-pane label="联络灯明细" name="definite">
                <definite v-if="activeName == 'definite'"></definite>
            </el-tab-pane> -->
            <el-tab-pane label="联络灯时序" name="sequence">
                <sequence v-if="activeName == 'sequence'"></sequence>
            </el-tab-pane>
            <el-tab-pane label="联络灯类型配置" name="typeDispose">
                <typeDispose v-if="activeName == 'typeDispose'"></typeDispose>
            </el-tab-pane>
            <el-tab-pane label="联络灯盒子配置" name="boxDispose">
                <boxDispose v-if="activeName == 'boxDispose'"></boxDispose>
            </el-tab-pane>
            <el-tab-pane label="联络灯到人配置" name="toPeopleDispose">
                <toPeopleDispose v-if="activeName == 'toPeopleDispose'"></toPeopleDispose>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
    import report from './report'
    import daily from './daily'
    import definite from './definite'
    import sequence from './sequence'
    import typeDispose from './typeDispose'
    import boxDispose from './boxDispose'
    import toPeopleDispose from './toPeopleDispose'
    export default {
        data(){
            return {
                activeName:'report'
            }
        },
        components:{
            report,
            daily,
            definite,
            sequence,
            typeDispose,
            boxDispose,
            toPeopleDispose
        }
    }
</script>

<style lang="less" scoped>
    .reportForm{
        padding: 20px;
        overflow-y: auto;

        /deep/ .el-tabs__item{
            font-size: 16px;
            font-weight: 650;
        }
    }
</style>